<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link  rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}"/>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>User Management Login</title>
</head>
<body>
    <form id="loginForm" th:action="@{/}" method="post">
        <div th:if="${error}" class="alert alert-danger">
            <p class="m-0">Username or password is incorrect.</p>
        </div>
        <div class="form-group">
            <span>Username: </span>
            <input id="username" name="username" type="text" />
        </div>
        <div class="form-group">
            <span>Password: </span>
            <input id="password" name="password" type="password"/>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</body>
</html>